<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/ext/core.css" />
<link rel="stylesheet" type="text/css" href="css/ext/extjs.css" />
<link rel="stylesheet" type="text/css" href="css/ext/ux/carousel.css" />
<link rel="stylesheet" type="text/css" href="css/ext/ux/product.css" />
<link rel="Shortcut Icon" href="favicon.ico">
<script type="text/javascript" src="js/ext/ext-core.js"></script>
<script type="text/javascript" src="js/ext/ux/carousel.js"></script>
<!-- script type="text/javascript" src="js/ext/ux/TaskMgr.js"></script-->
<script type="text/javascript" src="js/main.js"></script>
<title>缩吧.好酷(S8.hk),缩短网址,短址,精简网址</title>
</head>
<body>
<div id="viewport"> 
    <div id="bd">
        <div >
            
            <h2 align="center" >缩吧.好酷(S8.hk)</h2>
            
            <div id="examples-carousel">
                <div id="carousel-navigation-buttons"><img id="nav-prev" src="images/prev-icon.gif"><!-- img id="nav-play" src="http://extjs.com/products/extcore/images/play-icon.gif" class="nav-hide"><img id="nav-pause" src="images/pause-icon.gif"--><img id="nav-next" src="images/next-icon.gif"></div>

                <div class="carousel-item">
                    <div id="message" align="center">复制操作被拒绝,开启浏览器复制功能请看:<a href="copycilp-help.html" target="_blank">【详细】</a> &nbsp;<a id="closeMsg" href="#" title="点击关闭">[×]</a>
                    </div>
                    <h4>源网址:</h4>
                    <p>
                    	<input id="srcUrlInput" type="text" size="72" maxlength="500" />
                    	<input type="button" value="缩 址 8＜" onclick="tinyUrl()" />
                    </p>
                    <p>
                    	<input id="autoCopyBox" type="checkbox" title="自动复制到剪贴板"/>自动复制到剪贴板  &nbsp;
                    	<input id="sampleType" type="radio" value="a" title="生成简单链接" name="suoType" checked=""/>生成简单链接 &nbsp;
                    	<input id="ubbType" type="radio" value="ubb" title="生成UBB代码" name="suoType" />生成UBB代码&nbsp;
                    	<input id="htmlType" type="radio" value="html" title="生成HTML代码" name="suoType"/>生成HTML代码 &nbsp;
                    </p>
                    <h4>缩址后结果:</h4>
                    <p id="suourl">&nbsp;</p>
                </div>                              
                <div class="carousel-item">
                  
                    <h4>Carousel</h4>
                    <p>
                        The Carousel example provides a widget for browsing a set of objects.  It can be configured to meet any of your specific 
                        requirements - auto-play, animations, custom navigation dynamic content and more. <a href="/playpen/ext-core-latest/examples/carousel/" class="carousel-view-example" target="_blank" title="Click to see the Carousel Example">View Example</a>
                    </p>
                </div>
                <div class="carousel-item">

                    <h4>Lightbox</h4>
                    <p>
                        The Lightbox example provides a widget used to overlay images on the current page. It's simple to set up by registering
                        a CSS selector. When you register a group of images
                        you can browse through them within the Lightbox. <a href="/playpen/ext-core-latest/examples/lightbox/" class="carousel-view-example" target="_blank" title="Click to see the Lightbox Example">View Example</a>
                    </p>
                </div>
                <div class="carousel-item">

                    <h4>Menu</h4>
                    <p>
                        The Menu example provides a widget that converts an existing list of links on the page to either a horizontal or vertical menu.
                        There are many ways in which you can configure the menu, including different types of animations, setting the
                        active item, delays and listening to several useful events. <a href="/playpen/ext-core-latest/examples/menu/" class="carousel-view-example" target="_blank" title="Click to see the Menu Example">View Example</a>
                    </p>
                </div>                        
                <div class="carousel-item">

                    <h4>JSONP</h4>
                    <p>
                        The JSONP example shows how you can fetch JSON data from a different domain. It includes a class you can use to connect
                        to any possible web service that supports the JSON format. In this example we use the Flickr API to fetch the latest
                        photos for any keyword. <a href="/playpen/ext-core-latest/examples/jsonp/" class="carousel-view-example" target="_blank" title="Click to see the JSONP Example">View Example</a>
                    </p>
                </div>
                                  
            </div>

            <div id="carousel-navigation">
                <img id="carousel-navigation-arrow" src="css/ext/ux/images/nav-arrow.gif">
                <div id="carousel-navigation-shortcuts">
                    <img id="img1" src="images/happy.png" />
                    <img id="img2" src="images/fendou.png"  />
                    <img id="img3" src="images/sleep.png"  />
                    <img id="img4" src="images/cry.png" />
                    <img id="img5" src="images/question.png" class="last-item"/>
                </div>
            </div>
    
        </div>
        
        <div style="clear:both"></div>
</div><!-- end bd -->
	<br/>
	<br/>
	<br/>
	<div align="center">©2009 NET4工作组 &nbsp;&nbsp;&nbsp;<a href="/bbs">讨论组</a>&nbsp;&nbsp;&nbsp;<a href="/blog">官方博客</a></div>
</div>
</body>
</html>